$(function(){
  
    initArtCateList() 
    // 封装一个获取分类数据的函数
    function initArtCateList(){
        $.ajax({
            url:'/my/article/cates',
            success:function(res){
                if(res.status!==0){
                    return layui.layer.msg(res.message,{icon:5})
                }
                // console.log(res);
                var htmlStr=template('tpl-cate',res)
                // console.log(htmlStr);
                $('tbody').html(htmlStr)
            }
        })
    }
    // 定义一个全局变量，保存添加分类模态框的索引
    var indexAdd
    // 单击'添加类别'按钮弹出模态框
    $('#btnAddCate').click(function(){
        indexAdd=layui.layer.open({
                    type:1,
                    title:'添加分类',
                    area:['500px','300px'],
                    content:$('#dialog-add').html()
                })
    })
    // 完成添加分类的功能
    $('body').on('submit','#form-add',function(e){
        e.preventDefault()
        var data=$(this).serialize()
        // console.log(data);
        $.ajax({
            method:'post',
            url:'/my/article/addcates',
            data: data,
            success:function(res){
                if(res.status!==0){
                    return layui.layer.msg(res.message,{icon:5})
                }
                layui.layer.msg(res.message,{icon:6})
                // 关闭模态框
                layui.layer.close(indexAdd)
                // 重新渲染页面
                initArtCateList() 
            }
        })
    })
    /*------------------------------------------------------*/ 
    // 单击'编辑'按钮，弹出编辑分类的模态框
    // 定义一个全局变量，保存编辑分类模态框的索引
    var indexEdit
    $('tbody').on('click','.btn-edit',function(){
        indexEdit = layui.layer.open({
                        type:1,
                        title:'编辑分类',
                        area:['500px','300px'],
                        content:$('#dialog-edit').html()
                    }) 
        //获取分类的id
        var id=$(this).attr('data-id')
        // console.log(id);
        $.ajax({
            url:'/my/article/cates/'+id,
            success:function(res){
                console.log(res);
                // 给表单赋值
                layui.form.val('form-edit',res.data)
            }
        })
    })
    // 分类编辑功能     单击'确定修改'
    $('body').on('submit','#form-edit',function(e){
        e.preventDefault()
        // alert('a')
        var data=$(this).serialize()
        // console.log(data);
        $.ajax({
            method:'post',
            url:'/my/article/updatecate',
            data:data,
            success:function(res){
                console.log(res);
                if(res.status!==0){
                    return layui.layer.msg(res.message,{icon:5})
                }
                layui.layer.msg(res.message,{icon:6})
                layui.layer.close(indexEdit)
                // 渲染更新页面
                initArtCateList() 
            }
        })
    })
    /*------------------------------------------------------*/ 
    // 给删除添加事件委托
    $('tbody').on('click','.btn-delete',function(){
        var id=$(this).attr('data-id')
        // console.log(id);
        layui.layer.confirm('确定要删除嘛?', {icon: 3, title:'提示'}, function(index){
            $.ajax({
                url:'/my/article/deletecate/'+id,
                success:function(res){
                    // console.log(res);
                    if(res.status!==0){
                        return layui.layer.msg(res.message,{icon:5})
                    }
                    layui.layer.msg(res.message,{icon:6})
                    // 重新渲染页面
                    initArtCateList() 

                    layer.close(index);
                }
            });
        })
    })
})